﻿@model KM.ENT.entNews

@{
    Layout = "~/Areas/REM/Views/Shared/Master.cshtml";
}
<div class="content">
    <!-- content-left-begin -->
    <div class="content_left">
        <!-- menu-cate-begin -->
        <div class="menu_cate">
            <div class="menu_cate_header">
            </div>
            <div class="menu_cate_top">
            </div>
            <div class="menu_cate_center">
                @{Html.RenderAction("Index", "LeftMenu");}
            </div>
            <div class="menu_cate_bottom">
            </div>
        </div>
        <!-- menu-cate-end -->
    </div>
    <!-- content-left-end -->
    <!-- content-right-begin -->
    <div class="content_right">


        <!-- content-all-begin -->
        <div class="content_all">
            <div class="content_all_top">
            </div>

            <div class="content_all_content">

                <p><span style="font-size: x-large;"><span style="color: rgb(255, 0, 102);"><strong>@Model.Name</strong></span></span></p>
                <div>@Html.Raw(@Model.Content)</div>
                <div>@Html.Raw(@Model.Detail)</div>

            </div>

            <div class="content_all_bottom">
            </div>

        </div>
        <!-- content-all-end -->


    </div>
    <!-- content-right-end -->
</div>
<style type="text/css">
    #map-canvas {
        height: 100%;
        width: 100%;
    }
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBa4NiOsm4Dg68KEDWEZrDVpbeuYSGqx6k&sensor=false">

</script>

<script type="text/javascript">
    // The following example creates a marker in Stockholm, Sweden
    // using a DROP animation. Clicking on the marker will toggle
    // the animation between a BOUNCE animation and no animation.

    var stockholm = new google.maps.LatLng(20.956847, 105.7893819);
    var parliament = new google.maps.LatLng(20.957847, 105.7894819);
    var marker;
    var map;
    var image = 'support.jpg';
    var contentString = '<div id="content">' +
  '<div id="siteNotice">' +
  '</div>' +
  '<h1 id="firstHeading" class="firstHeading">Remhaithanh</h1>' +

  '</div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

    function initialize() {
        var mapOptions = {
            zoom: 13,
            center: stockholm
        };

        map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

        marker = new google.maps.Marker({
            map: map,
            //icon: image,
            //  draggable: true,
            animation: google.maps.Animation.DROP,
            position: parliament
        });
        google.maps.event.addListener(marker, 'click', toggleBounce);
        google.maps.event.addListener(marker, 'click', function () {
            infowindow.open(map, marker);
        });
        infowindow.open(map, marker);
    }

    function toggleBounce() {

        if (marker.getAnimation() != null) {
            marker.setAnimation(null);
        } else {
            marker.setAnimation(google.maps.Animation.BOUNCE);
        }
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

